<template>
  <div class="zh-box-card" :class="border?'zh-box-card-border' : ''">
    <slot name="header"></slot>
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'index',
  props: {
    border: {
      type: Boolean,
      default: true
    }
  }
}
</script>

<style scoped lang="scss">
.zh-box-card {
  padding: 20px;
}

.zh-box-card-border {
  border: 1px solid #eeeeee;
}
</style>
